<!DOCTYPE html>
<html>
  <head>
    <title>Student Map</title>
  </head>
  <body>
    <h1>Student Map</h1>
    <h2>Enter Your Information</h2>
    <form action="/" method="post">
      <div>
      Name: <input type="text" name="name">
      </div>
      <div>
      Location: <input type="text" name="location">
      </div>
      <input type="submit">
    </form>
    <p>
      <img src="https://chart.googleapis.com/chart?cht=map:fixed=-60,-180,80,180&chs=500x500&chco=CCCCCC|FF0000&chld={{ locations }}&chm={{ labels }}" alt="Map">
    </p>
    <p>
      Student names and locations: 
    <form action="/" method="post">
    </p>
      {% for student in students %}
        <div> 
          <input type="radio" name="student" value="{{ student.key }}">
          {{ student.name }} : {{ student.location }} 
        </div>
      {% endfor %}
      <input type="submit" value="Delete">
    </form>
  </body>
</html>
